<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>QQ浏览器全屏布局</title>
    <!-- 1.1 引入文件全屏布局样式fullpage.css 和 其他css样式 -->
    <link rel="stylesheet" href="./lib/jquery.fullpage.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <!-- 书写全屏楼层结构 -->
    <!-- 设置全局背景 -->
    <div class="bg_circle">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    <!-- 设置楼层效果 -->
    <div id="fullpage">
        <!-- 第一屏 -->
        <div class="section s1">
            <div class="s1_main s1_main_start">
                <img src="./images/skin.png" alt="">
                <img class="skin_gif" src="./images/skin.gif" alt="">
            </div>
        </div>
        <!-- 第二屏幕 -->
        <div class="section s2">
            <div class="s2_main s2_main_start">
                <img src="./images/title1_1.png" alt="">
                <img src="./images/title1_2.png" alt="">
            </div>
        </div>
        <!-- 第三屏 -->
        <div class="section s3">
            <div class="s3_main s3_main_start">
                <div class="s3_browser">
                    <img src="./images/p3ui_tab.png" alt="">
                </div>
                <img class="s3_browser_img" src="./images/title3.png" alt="">
            </div>
        </div>
        <!-- 第四屏 -->
        <div class="section s4">
            <div class="s4_main s4_main_start">
                <img src="./images/p2pop1.png" alt="" class="pop1">
                <img src="./images/p2pop2.png" alt="" class="pop2">
                <img src="./images/p2pop3.png" alt="" class="pop3">
                <img src="./images/p2pop4.png" alt="" class="pop4">
                <img src="./images/p2pop5.png" alt="" class="pop5">
            </div>
        </div>
    </div>
</body>
</html>
<!-- 1.2 引入jquery库文件; 全屏fullpage.js文件; 其他js文件 -->
<script src="./lib/jquery.js"></script>
<script src="./lib/jquery.fullpage.js"></script>
<script src="./js/index.js"></script>